<script setup lang="ts">
const props = defineProps({
  trigger: {
    type: Boolean,
    default: false,
  },
})
const value = defineModel('modelValue', { type: Boolean })
function trigger() {
  if (props.trigger) { value.value = !value.value }
}
</script>

<template>
  <div>
    <div v-if="value" class="w-full h-full  bg-black" @click="trigger" />
    <div v-else class="w-full h-full flex justify-between" @click="trigger">
      <div class="w-44% h-full bg-black" />
      <div class="w-44% h-full bg-black" />
    </div>
  </div>
</template>
